.content {
    width: 70%;

    img {
        width: 100%;
        height: 100%;
    }

    .carousel {
        width: 120%;
        margin-left: -10%;
    }

    .commodity {
        margin: 0 auto;

        .category {
            text-align: left;
            background-color: antiquewhite;
            padding-bottom: 20px;
            margin-bottom: 20px;

            .category_header {
                padding-top: 10px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: #690f33;
                border-bottom: #690f33 2px solid;

                .left {
                    width: 60%;
                    display: flex;
                    align-items: center;

                    .title {
                        font-size: 20px;
                        color: aliceblue;
                        margin: 0 8px;
                        width: 150px;
                        padding: 5px 10px;
                        background-color: #690f33;
                    }
                }
            }

            .commodityContent {
                width: 80%;
                background-color: aliceblue;
                height: 425px;
                margin: 10px 10px;
                // display: flex;
                // justify-content: center;
                text-align: center;
                padding-bottom: 24px;

                img {
                    // width: 190px;
                    height: 285px;
                    width: 70%;
                    margin-top: 12px;
                    padding-top: 16px;
                }

                .price {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    .now {
                        margin-left: 20px;
                        color: #690f33;
                        font-size: 20px;
                    }

                    .pre {
                        margin-right: 20px;
                        font-size: 16px;
                    }
                }

                .commodityName {
                    margin-top: calc(0.5vh);
                    text-align: left;
                    color: #996633;
                    margin-left: calc(1vh);
                    font-size: 16px;
                }

                .description {
                    margin-top: calc(0.5vh);
                    margin-left: calc(2vh);
                    width: 85%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                }
            }
        }
    }
}